<template>
	<div id="main">		
		<div class="sku-box store-content ">				
			<div class="sort-option">
				<ul class="line clear">
					<li><a href="javascript:;" class="active">综合排序</a></li>
					<li><a href="javascript:;" class="">销量排序</a></li>
					<li><a href="javascript:;" class="">价格低到高</a></li>
					<li><a href="javascript:;" class="">价格高到低</a></li>
				</ul>
			</div>
			<!--手机配件-->
			<div class="gray-box">
				<header class="title-header">
					<h5 class="title">热门商品</h5>
				</header>
				<div class="item-box">
					<shopItem v-for="(item,index) in goodsData" :key='index' :itemList='item'></shopItem>
				</div>
			</div>		
			<service></service>	
		</div>
		<prompt></prompt>
	</div>
</template>
<script type="text/javascript">
// // 引入数据 newGoodsData
import goodsData from "../lib/newGoodsData.js"
// 引入组件
import shopItem from '../components/shop-Item'
import prompt from '../components/prompt'
import service from '../components/service'

export default{
	data(){
       return{
       	   goodsData
       }
	},
	components:{
      shopItem,prompt,service
    }
}

</script>

<style type="text/css">
@import url(../assets/css/goodsList.css);
</style>